<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">


    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
    <header></header>

    <div id="body">
        <div style="width:100%;height:400px;"></div>
        <!-- 第一部分 -->
        <div class="box">
            <div class="part_1 oh clear">
                <!-- 第一行 -->
                <div class="item img_item">
                    <img src="images/ind_02.png">
                </div>
                <div class="item">
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                </div>
                <div class="item img_item">
                    <img src="images/ind_02.png">
                </div>
                <div class="item fix_item">
                    <div class="img_div"><img src="images/ind_02.png"></div>
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                </div>
                <!-- 第二行 -->
                <div class="item img_item">
                    <img src="images/ind_02.png">
                </div>
                <div class="item">
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                </div>
                <div class="item img_item">
                    <img src="images/ind_02.png">
                </div>
                <div class="item fix_item">
                    <div class="img_div"><img src="images/ind_02.png"></div>
                    <div class="desc">
                        <h4>标题</h4>
                        <p>介绍文字介绍文字介绍文字</p>
                    </div>
                </div>
            </div>
        </div>

        <hr style="margin-top:20px;margin-bottom:20px;">
        <!-- 第二部分 -->
        <div class="box part_2 oh">
            <div id="recommend_container" class="recommend-container">
                <div class="recommend-container-row clear">
                    <div class="recommend-hidebox pl-right">
                        <div class="recommend-infobox explore recommend-box pl-right big">
                            <div class="recommend-data explore">黏土</div>
                            <h2>
                                <a class="toh">纯手工制作的粘土娃娃</a>
                            </h2>
                            <div class="info-tra-right big"></div>
                        </div>
                        <div class="recommend-imgbox recommend-box">
                            <a href="/explore/niantu/">
                                <img src="images/index_p2_01.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="recommend-imgbox recommend-box">
                        <a href="/explore/mianbao/">
                            <img src="images/index_p2_02.jpg">
                        </a>
                    </div>
                    <div class="recommend-box">
                        <div class="recommend-infobox explore small">
                            <div class="recommend-data explore">面包</div>
                            <h2>
                                <a class="toh">第一次烤的面包，虽然难看了点但是味道还不错的</a>
                            </h2>
                        </div>
                        <div class="info-tra-left"></div>
                        <div class="recommend-infobox explore small pl-right">
                            <div class="recommend-data explore">早餐</div>
                            <h2>
                                <a class="toh">早餐要吃的好，才能够元气满满</a>
                            </h2>
                        </div>
                        <div class="info-tra-right"></div>
                    </div>
                    <div class="recommend-imgbox recommend-box">
                        <a href="/explore/zaocan/">
                            <img src="images/index_p2_03.jpg">
                        </a>
                    </div>
                </div>
                <div class="recommend-container-row clear">
                    <div class="recommend-imgbox recommend-box">
                        <a href="/explore/cola/">
                            <img src="images/index_p2_04.jpg">
                        </a>
                    </div>
                    <div class="recommend-box">
                        <div class="recommend-infobox explore small">
                            <div class="recommend-data explore">可乐</div>
                            <h2>
                                <a href="/explore/cola/">死肥宅快乐水，快乐最重要！</a>
                            </h2>
                        </div>
                        <div class="info-tra-left"></div>
                        <div class="recommend-infobox explore small pl-right">
                            <div class="recommend-data explore">星空</div>
                            <h2>
                                <a href="/explore/xingkongshoujibizhi/">立个flag，去看一次星空！</a>
                            </h2>
                        </div>
                        <div class="info-tra-right"></div>
                    </div>
                    <div class="recommend-imgbox recommend-box">
                        <a href="/explore/xingkongshoujibizhi/">
                            <img src="images/index_p2_05.jpg">
                        </a>
                    </div>
                    <div class="recommend-hidebox pl-right">
                        <div class="recommend-imgbox recommend-box">
                            <a href="/explore/gongbihua/">
                                <img src="images/index_p2_06.jpg">
                            </a>
                        </div>
                        <div class="recommend-infobox explore recommend-box big">
                            <div class="recommend-data explore">工笔画</div>
                            <h2><a href="/explore/gongbihua/">好久没动笔了</a></h2>
                            <div class="info-tra-left big"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
</html>